<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/js/phone/fontsizeset.js"></script>
    <style>
        *{
            margin:0rem;
            padding:0rem;
        }
        .pblog_content {
            width: 7rem;
        }

        .pblog_content_top {
            width: 7rem;
            height: 2rem;
            /*  background-color:red; */
        }

        .pblog_content_top input {
            border-radius: 1.5rem;
            margin-left: 40px;
            width: 5.5rem;
            height: 0.5rem
        }

        .pblog_content_middle {
            width: 7rem;

            background-color: yellow;
            margin-top: 1.5rem;
            margin-left:0.2rem;

        }
        .pblog_content_bottom .meun {
            position: fixed;
            justify-content: space-between;
            bottom: 0.01rem; 
            background-color: #f2f2f2;
            display:flex;
            width:7.5rem;


        }

        .pblog_content_bottom .meunli {
            height: 1.5rem;
            width: 1.5rem;
            float: left;
            margin-left: 0.4rem;
            justify-content: space-between;

        }

        .pblog_content_bottom .meunli img {
            width: 0.5rem;
            display: block;
            margin-bottom: 0.1rem
        }

        .pblog_content_bottom .meunli .pico {
            width: 0.6rem;
            height: 0.6rem;
            display: block;
            margin-bottom: 0.1rem
        }

        .pblog_content_bottom .meunli .pict {
            width: 0.6rem;
            height: 0.6rem;
            display: block;
            margin-bottom: 0.1rem
        }

        .pblog_content_bottom .meunli .pictr {
            width: 0.6rem;
            height: 0.6rem;
            display: block;
            margin-bottom: 0.1rem
        }

        .pblog_content_bottom .meunli .picfo {
            width: 0.6rem;
            height: 0.6rem;
            display: block;
            margin-bottom: 0.1rem
        }

        .pblog_content_bottom .meunli .picfiv {
            width: 0.6rem;
            height: 0.6rem;
            display: block;
            margin-bottom: 0.1rem
        }


        .pblog_content_bottom .meunli .a {
            text-decoration: none;
        }

        .pblog_content_bottom .meunli .word {
            font-size: 0.35rem;
            color: #000000;


        }

        .content_d {
            font-size: 0.8rem;
        }
    </style>
</head>

<body>

    {% block content %}
    <div class="pblog_content">

        <!-- 头部内容 -->
        <div class="pblog_content_top">
            <input type="text" placeholder="输入搜索内容" id="search_input" />
        </div>
        <!-- 中间内容 -->
        <div class="pblog_content_middle">
            <ul>

                <li class="content_d" style="list-style-type:none;">{{data.md_text  }}</li>

            </ul>
        </div>
        <!-- 底部菜单内容 -->
        <div class="pblog_content_bottom">
            <div class="meunlist">
                <ul class="meun">
                    <li class="meunli" style="list-style-type:none;">
                        <a class="a" href="/">
                            <img class="pico" src="/img/phone/layer1.png" alt="">
                            <p class="word">首页</p>
                        </a>
                    </li>
                    <li class="meunli" style="list-style-type:none;">
                        <a class="a" href="/book">
                            <img class="pict" src="/img/phone/layer2.png" alt="">
                            <p class="word">手册</p>
                        </a>
                    </li>
                    <li class="meunli" style="list-style-type:none;">
                        <a class="a" href="/phoneblog">
                            <img class="pictr" src="/img/phone/layer3.png" alt="">
                            <p class="word">博客</p>
                        </a>
                    </li>
                    <li class="meunli" style="list-style-type:none;">
                        <a class="a" href="/video">
                            <img class="picfo" src="/img/phone/video.png" alt="">
                            <p class="word">视频</p>
                        </a>
                    </li>
                    <li class="meunli" style="list-style-type:none;">
                        <a class="a" href="/resource">
                            <img class="picfiv" src="/img/phone/Resources.png" alt="">
                            <p class="word">资源</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>


    </div>






    {% endblock %}

</body>

</html>